var id;
$(function(){
	id = getUrlParam("id");
	if(id){
		loadNav();
	}
	$("#saveBtn").on('click',function(){
		formSubmit();
	});
});

function loadNav(){
	$.ajax({
		url:BASE_PATH+'/navbar/get.do',
		type:'get',
		data:{
			id:id
		},
		dataType:'json',
		success:function(data){
			if(data.errorMsg == 'expire'){
				window.location.href="login.html";
			}else{
				$("#navName").val(data.title);
				$("#navHref").val(data.url);
				$("#navIcon").val(data.icon);
				if(data.showOnIndex==1){
					$("#showOnIndex").prop("checked",true);
				}else{
					$("#showOnIndex").prop("checked",false);
				}
			}
			
		}
	});
}

function formSubmit(){
	var title = $("#navName").val();
	if(!title){
		$('#navName').parent().parent().removeClass('has-error');
		$('#navName').parent().parent().addClass('has-error');
		return false;
	}else{
		$('#navName').parent().parent().removeClass('has-error');
	}
	var url = $("#navHref").val();
	if(!url){
		$('#navHref').parent().parent().removeClass('has-error');
		$('#navHref').parent().parent().addClass('has-error');
		return false;
	}else{
		$('#navHref').parent().parent().removeClass('has-error');
	}
	var icon = $("#navIcon").val();
	var check = $("#showOnIndex").is(":checked");
	var showOnIndex = 2;
	if(check){
		showOnIndex = 1;
	}
	$.ajax({
		url:BASE_PATH+'/navbar/merge.do',
		type:'post',
		data:{
			id:id,
			title:title,
			icon:icon,
			url:url,
			showOnIndex:showOnIndex
		},
		dataType:'json',
		success:function(data){
			if(data.status=='success'){
				window.location.href=BASE_PATH+"/navbars.html";
			}else{
				if(data.errorMsg=='expire'){
					window.location.href="login.html"
				}else{
					alert(data.erroeMsg);
				}
			}
		}
	});
}